<template>
  <div class="container" @click="$router.push('/product')">
    <img style="width:160px" src="https://cdn7.axureshop.com/demo/2090757/images/%E8%B4%AD%E7%89%A9%E8%BD%A6/u446.png"
      alt="">
    <p class="top">美式皮床真皮床轻奢床</p>
    <p class="center">现代简约 | 真皮</p>
    <p class="bottom">￥ 2243.32</p>
    <seven></seven>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>
.container {
  width: 160px;
  margin-bottom: 10px;

  .top {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
    font-size: 16px;
  }

  .center {
    font-size: 14px;
    color: gray;
    margin: 5px 0;
  }

  .bottom {
    font-size: 16px;
  }
}
</style>